<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="/common/commonTag.jsp"%>
<!DOCTYPE html>
<html>
<body>
	<div id="pager" class="pagination" style="text-align: center;"></div>
	
	<input type="hidden" name="pager.pageNumber" id="pageNumber" value="${pager.pageNumber}" />
	<input type="hidden" name="pager.orderBy" id="orderBy" value="${pager.orderBy}" />
	<input type="hidden" name="pager.orderType" id="order" value="${pager.orderType}" />
	
<script type="text/javascript">
	var _pageURL = "";
	
	$(function(){
		
		$("#pager").pager({
			pagenumber: ${pager.pageNumber},
			pagecount: ${pager.pageCount},
			buttonClickCallback: gotoPage
		});
	
	});
	
	function gotoPage(pageNumber){
		$("#pageNumber").val(pageNumber);
		$("form").attr("action",_pageURL).submit();
	}
	
	function setPageURL(url){
		_pageURL = url;
	}
</script>
</body>
</html>
